<template>
    <el-calendar style="line-height: 15px;">
        <!-- 这里使用的是 2.5 slot 语法，对于新项目请使用 2.6 slot 语法-->
        <template slot="dateCell" slot-scope="{date, data}" >
            <p :class="data.isSelected ? 'is-selected' : ''" @click="getDate(date)">
                {{ data.day.split('-').slice(1).join('-') }} {{ data.isSelected ? '✔️' : '' }}
            </p>
        </template>
    </el-calendar>
</template>

<script>
  export default {
    data() {
      return { 
        value: new Date()
      }
    },
    methods: {
      getDate(date) {
        console.log(date)

      }
    }
  }
</script>

<style>
.is-selected {
    color: #1989FA;
}

</style>